<!-- Mobile Specific Metas
	================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS-->
<!-- Bootstrap  -->
<link type="text/css" rel="stylesheet" href="<?php echo TEMPLATE; ?>bootstrap/css/bootstrap.min.css">
<!-- web font  -->
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400|Abel|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- plugin css  -->
<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE; ?>js-plugin/animation-framework/animate.css">
<!-- nekoAnim-->
<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE; ?>js-plugin/appear/nekoAnim.css">
<!-- icon fonts -->
<link type="text/css" rel="stylesheet" href="<?php echo TEMPLATE; ?>font-icons/custom-icons/css/custom-icons.css">
<style type="text/css">[class^="icon-"],[class*=" icon-"]{font-family:'custom-icons';font-style:normal;font-weight:normal;line-height:1em}</style>
<!-- Custom css -->
<link type="text/css" rel="stylesheet" href="<?php echo TEMPLATE; ?>css/layout.css">
<link rel="stylesheet" media = "screen" href = "<?php echo TEMPLATE; ?>js/iosslider/common.css">
<link rel="stylesheet" media = "screen" href = "<?php echo TEMPLATE; ?>css/menu.css">
<link type="text/css" id="colors" rel="stylesheet" href="<?php echo TEMPLATE; ?>css/colors.css">
<link type="text/css" rel="stylesheet" href="<?php echo TEMPLATE; ?>css/custom.css">
<link href="<?php echo TEMPLATE; ?>css/jquery.datetimepicker.css" rel="stylesheet">

<!-- JS-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<script src="<?php echo TEMPLATE; ?>js/modernizr-2.6.1.min.js"></script>
<script type="text/javascript" src="<?php echo TEMPLATE; ?>js-plugin/jquery/jquery-1.10.2.min.js"></script>
<link rel="shortcut icon" type="image/png" href="" />
